login.onclick = function() {
    const inputUsername = document.querySelector('#username').value;
    const inputPassword = document.querySelector('#password').value;

    socket = io({
        query: {
            busness: 'login',
            name: inputUsername,
            password: inputPassword
        },
        reconnection: false,
    });

    socket.on('login_result', (result) => {
        if (result.login) {
            alert('登录成功');
            // window.WebSocket = socket;
            localStorage.setItem('username', inputUsername);
            localStorage.setItem('password', inputPassword);

            window.location.href = './chat.html'
            socket.disconnect();
            return;
        } else {
            alert('用户名或密码错误');
            socket.disconnect();
            return;
        }
    });
}

register.onclick = function() {
    const inputUsername = document.querySelector('#username').value;
    const inputPassword = document.querySelector('#password').value;

    socket = io({
        query: {
            busness: 'register',
            name: inputUsername,
            password: inputPassword
        },
        reconnection: false,
    });
    socket.on('register_result', (result) => {
        if (result.register) {
            alert('注册成功');
            socket.disconnect();
            return;
        } else {
            alert('用户名已存在');
            socket.disconnect();
            return;
        }
    });
};

// function socketListenOn(mySocket) {
//     // 连接错误
//     mySocket.on('login_result', (result) => {
//         if (result.login) {
//             alert('登录成功');
//         } else {
//             alert('用户名或密码错误');
//         }
//     });
//     // 连接事件
//     mySocket.on('connect', () => {
//         console.info('connect');
//         mySocket.emit('sendMessage', 'csy sb');
//     });
//     // 连接错误
//     mySocket.on('connect_error', (err) => {
//         if (err && err.message === 'INVALID_USERNAME' || err.message === 'INVALID_PASSWORD') {
//             alert('认证失败');
//             return;
//         }
//     });
//     // 断开连接
//     mySocket.on('disconnect', () => {
//         console.info('disconnect');
//     });

//     // 
//     mySocket.on('online', (userList) => {
//         console.info(`userList:${userList}`);
//     });

//     //
//     mySocket.on('receieveMessage', (message) => {
//         console.log(message);
//     });
// }